<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>群组</title>
<script type="text/javascript" src="__APP__/Js/Common.js"></script>
<link  href=".__APP__/group.css" rel="stylesheet" type="text/css"/>
</head>

<body>
<div class="header"><!-- 头部 begin -->
    <div class="logo"><img src="../Public/images/logo.jpg" /></div>
    <div class="nav">
        <ul>
        <li><a href="#" class="fb14">首页</a></li>
        <li><a href="#" class="fb14">个人空间</a> 
        	<div class="dropmenu" style="display:none;"><a href="#">修改资料</a><a href="#">换头像</a><a href="#">我的留言板</a></div></li>
        <li><a href="#" class="ico_arrow fb14">好友</a>
        	<div class="dropmenu" style="display:none;"><a href="#">我的好友</a><a href="#">好友管理</a><a href="#">邀请好友</a><a href="#">查找好友</a></div></li>
        <li><a href="#" class="fb14">随便看看</a></li>
        <li><a href="#" class="ico_arrow fb14">消息</a>
        	<div class="dropmenu" style="display:none;"><a href="#">短消息</a><a href="#">系统消息</a><a href="#">好友请求</a></div></li>
        </ul>
    </div>
    <div class="nav_sub"><a href="#">邀请</a> ┆ <a href="#">帐号</a> ┆ <a href="#">隐私</a> ┆<a href="#">退出</a></div>
</div>
<!-- 头部 end -->
<div class="content_holder">
<div class="content"><!-- 内容 begin  -->
  <div class="user_app"><!-- 用户组件列表 begin -->
        <div class="user_app_top"></div>
        <div class="user_app_list">
        <ul>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app01.gif" />日志</a><span><a href="#">发表</a></span></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app02.gif" />相册</a><span><a href="#">上传</a></span></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app03.gif" />分享</a></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app04.gif" />心情</a></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app05.gif" />群组</a></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app06.gif" />投票</a></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app07.gif" />活动</a></li>
        <li><a href="#" class="a14"><img src="../Public/images/ico_app08.gif" />日历</a></li>
        </ul>
        </div>
      <div><a href="#" class="app_add">添加或删除组件</a></div>
        <div class="user_app_btm"></div>
  </div><!-- 用户组件列表 end -->
  <div class="main"> <!-- 右侧内容 begin  -->
  <div class=page_title> <!-- page_title begin -->
  	<div class="left" style="width:100px;">
    	<span class="pic80"><img src="../Public/images/80_547905_2.jpg.gif" /></span>
    </div>
    <div class="left" style="width:583px;">
    	<h2>花儿朵朵补习班</h2>
        <p><strong>成员：</strong>4人</p>
        <p><strong>创建：</strong>2009年06月25日</p>
        <p><strong>介绍：</strong>我们都快毕业了~~ </p>
        
    </div>
    <div class="rmenu left" style="width:150px;">
        <a href="#">管理该群</a>
        <a href="#">邀请朋友加入</a>
        <a href="#">邀请站外好友加入</a>
        <a href="#">退出/删除该群 </a>      </div>
  <div class="c"></div>
</div><!-- page_title end -->
  <div class="tab-menu"><!-- 切换标签 begin  -->
  		<span class="right lh25"><a href="#">上传文件</a></span>
      <ul>
      <li><a href="group.html"><span>群首页</span></a></li>
      <li><a href="#"><span>群话题</span></a></li>
      <li><a href="#"><span>群相册</span></a></li>
      <li><a href="#" class="on"><span>群文件</span></a></li>
      <li><a href="#"><span>成员</span></a></li>
      </ul>
  </div><!-- 切换标签 end  -->
  <div class="groupBox">
  <div class="boxL" style="width:100%;">
    <div class="box1">
  	<h3>群文件(共0个)</h3>
    	<!-- 如果为空显示下面P里的内容 -->
    	<p class="cGray2"> 该群还没有人上传文件 <a href="#">上传文件</a></p>
        <div><span class="left mr5">共2个文件； 总空间：2GB，已使用14.3M，还剩1.99G(99%)</span><span class="scale left"><span style="width:2%"></span></span></div>
  		<ul class="file">
       	  <li>
   	    	<div class="c1">文件名称</div>
            <div class="c2">大小</div>
            <div class="c3"></div>
       	  </li>
          <li>
   	    	<div class="c1"><img src="../Public/images/mp3.gif" /> <a href="#">忽悠10086.mp3</a></div>
            <div class="c2">231</div>
            <div class="c3"><a href="#">下载</a></div>
       	  </li>
        </ul>
        <div class="alR lh30"><a href="#">上传文件</a></div>
    </div>
    </div>
  <!-- end  -->
  </div>  </div><!-- 右侧内容 end  -->
  <div class="c"></div>
</div>
</div>
<!-- 内容 end -->
<div class="footer"><div class="menu"><a href="#">关于</a>| <a href="#">客服</a>| <a href="#">帮助</a>| <a href="#">隐私声明</a></div>Copyright © ThinkSNS 京ICP备09050100号</div>
</body>
</html>
